#wrapper{
    width: 1000px;
    overflow: hidden;
    margin-top: 0px;
    background-color: #ffffff;
}

#wrapper1{
    width: 1000px;
    height:700px;
    overflow: hidden;
    margin-top: 0px;
    background-color: #ffffff;
}

body{
    background-color: #f7e4c7;
}

.todoInicio{
    width: 1000px;
    overflow: hidden;
    padding-bottom: 80px;
    height: auto;
    min-height: 500px;
}

.listaInicio{
    padding-left: 5px;
    padding-top: 5px;
    width: 130px;
    height: auto;
    text-align: right;
    margin: 0;
    float: left;
}

.centroInicio{
    /* margin-left: 240px;
     margin-top: 20px;*/
    min-height: 500px;
    overflow: hidden;
    float: right;
    /* background-color: red;*/
    width: 864px;
    margin: 0;
    text-align: center;
}

.pointer{
    cursor:pointer;
}

.caja{
    float:left;
    height: 342px;
    width:200px;
    padding-bottom: 20px;
    margin-left: 30px;
    margin-top: 30px;
}

.cajaUser{
    margin-bottom: 100px;
}

.tituloGrupos{
    text-align: center;
}

.cajaGrupo{
    margin-bottom: 50px;
    margin-left: 100px;
}

.cajaGrupo #nombre,.descripcionGrupo, .descripcionGrupo span{
    padding-left:5px;
    padding-right:8px;
}

.descripcionGrupo{
    text-overflow: ellipsis;
}

.fotoCajaUser{
    height: 200px;
    width:200px;
}

.CajaEnlaceGrupo{
    float:left;
    width:50%;
    height:200px;
}

.fotoCajaGrupoImg{
    height: 200px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

.descripcionGrupo{
    overflow:hidden;
    height: 122px;
    width:200px;
}

.cajaGrupo{
    border-style:solid;
    border-color:black;
    border-width: 1px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

.fotoCajaGrupo{
    width:200px;
}

.fotoCajaGrupoModal{
    height: 200px;
    float:left;
    width:50%;
}

.fotoCajaGrupoModal img{
    height:200px;
    max-width:90%;
}

.datosGrupo{
    border-right-color:#ddd;
    border-right-width: 1px;
    border-right-style: solid;
    float:left;
    text-align: center;
    min-height: 600px;
    width:25%;
}

.contenidoGrupo .tabbable{
    float:none;
    margin-top:5px;
}

.contenidoGrupo{
    min-height: 600px;
    width:74.9%;
    float:left;
}

.fotoCajaUserImg{
    height: 200px;
    width:auto;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

.textosCaja{
    position:relative;
    z-index:1;
    top:-20px;
    left:20px;
    height: 200px;
    width:200px;
}

.descripcionCaja{
    height:200px;
}

.nombreCaja{
    margin-top:3px;
    background-color: white;
    border-style: solid;
    border-width: 2px;
    border-color:black;
}

.verMas{
    margin-left:125px;
    margin-top:9px;
}

#fperfil{
    height:17px;
    width:17px; 
}

.formulario{
    text-align: center;
    position:relative;
    top:15em;
    height:140px;
}

.formularioReg{
    text-align: center;
    position:relative;
    top:10em;
    height:550px;
}
.formularioGrupos{
    margin: 40px;
    width: 300px;
    float: left;
    text-align: left;
    padding-left: 10px;
}
.drop-files-generic {
    width: 300px;
    height: 150px;
    background: #cccccc;
    border-radius: 10px;
    border: 4px dashed rgba(0,0,0,0.2);
    /*color: #ccccff;*/
    padding: 25px 0 0 0;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    font-family: arial;
    margin: 60px auto;
}
.not-drop-files-generic {
    width: 400px;
    height: 300px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 4px dashed rgba(0,0,0,0.2);
    float: left;
    margin-top: 55px;
}
.imagen{
    width: auto;
    height: 100px;
    max-width: 300px;
    opacity: 0.4;
    margin: 0 auto;
}
.areaGroup{
    width: 270px;
    height: 180px;
    resize: none;
}
.response-generic{
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
    /* background-color: red;*/
}
.content-drop-and-form{
    width: 100%;
    float: left;
    height: auto;

}
#groupList {
    /*background-color: blue;*/
    float: left;
    height: auto;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    width: 400px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 14px -11px #000;
    -webkit-box-shadow: 0 0 14px -11px #000;
    box-shadow: 0 0 14px -11px #000;
}
#groupList p {
    /*background-color: red;*/
    display: inline-block;
    height: auto;
    margin: 5px;
    overflow: hidden;
    padding: 6px;
    width: auto;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}
.overGroup {
    /*
-moz-box-shadow:0px 0px 10px 3px rgba(119, 119, 119, 0.4);
-webkit-box-shadow:0px 0px 10px 3px rgba(119, 119, 119, 0.4);
box-shadow:0px 0px 10px 3px rgba(119, 119, 119, 0.4);*/
    -moz-box-shadow:inset 0px 0px 4px 1px rgba(119, 119, 119, 0.4);
    -webkit-box-shadow:inset 0px 0px 4px 1px rgba(119, 119, 119, 0.4);
    box-shadow:inset 0px 0px 4px 1px rgba(119, 119, 119, 0.4);


}
.selectedGroup{
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-weight: normal;
    color: #ffffff;
}
.content-drop-and-form >h4{
    width: 400px;
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0;
}

/********************************************/
#searchResult{
    width: 40%;
    position:fixed;
    min-height: 300px;
    max-height: 500px;
    overflow: auto;
    z-index:3;
    overflow-x:hidden;
    /* overflow: hidden;*/
    border-left: 1px solid #D44413;
    border-right: 1px solid #D44413;
    border-bottom: 1px solid #D44413;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    right: 30%;
    background-color: white;

}
#searchResult > h5{
    margin-left: 10px;
}
.searchResultOculto{
    visibility: hidden;
    display: none;
}
#searchResult > div{
    width: 80%;
    height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px;
}
#searchResult span{
    display: inline-block;
    left: 14px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -20px;
    font-weight: bold;
}
#searchResult > div > p{
   
    font-size: 12px;
    height: 40px;
    left: 82px;
    position: relative;
    text-align: justify;
    top: -44px;
    width: 57%;

}
#searchResult > div > button {
    float: right;
    position: relative;
    right: 5px;
    top: -90px;
}



.searchResultGrupos{
    border: 1px solid #00FF25;
}
.searchResultPersonajes{
    border: 1px solid #005AFF;
}
.searchResultUser{
    border: 1px solid #FFA500;
}

/*********************************************/

.search-image{
    height: 95%;
    width: 18%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.position-cerrar-search{
    left: 25.2%;
    position: fixed;
    z-index: 3;
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-weight: normal;
    color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.imageLoading{
    position:fixed;
    left:47%;
    top:20%;
    z-index:3;
}
#fotosModal{
    background-color: #FFFFFF;
    border: 4px dashed rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 10px 10px;
    float: right;
    height: 300px;
    margin-right: 30px;
    margin-top: 25px;
    width: 400px;
}
#contenido{
    margin-top: 25px;
}


/*
    Caja rumor
*/

.cajaRumor{
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    border-style:solid;
    border-width: 1px;
    border-color:black;
    margin-bottom: 20px;
    margin-left:65px;
}

.cajaRumor p{
    margin-left: 10px;
    text-align: left;
}

.tab-pane{
    overflow:hidden;
}

.rumorGrupo{
    margin-left: 20px;
}

.lugarRumor{
    margin-top:5px;
    color:#dd4814;
}

.verMasRumor{
    margin-left:125px;
    margin-top:-25px;
    z-index:10;
}

.grupoPerfil img{
    margin-top:15px;
}

.fotoRumor{
    height: 150px;
    width:200px;
}

.descripcionRumor{
    height:100px;
    padding:1px;
    overflow:hidden;
}

.fotoModal{
    height:200px;
}

.fotoModalRumor{
    float:left;
    height:200px;
}

.enlaceLugar span{
    margin-left: 50px;
}

.enlaceLugar{
    width:50%;
    float:left;
    height:200px;
    margin-top: 30px;
}

.fotoCajaRumor{
    height:200px;
    width:49%;
    float:left;
    margin:0 auto;
}

#datos-perfil{
    width: 40%;
    margin-left: 10px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    text-align: left;
}
#datos-perfil h2, #datos-perfil h4, #datos-perfil h5{
    display: inline-block;
    margin: 0;
    float: left;
    color: #A5360F;


}
#datos-perfil >h3{
    margin: 0;
    color: #A5360F;
}
#datos-perfil >h4, #datos-perfil >h5{
    background-color: #D54513;
    border-radius: 3px 3px 3px 3px;
    clear: right;
    color: white;
    font-weight: normal;
    left: -10px;
    margin: 1px;
    padding: 2px;
    position: relative;
    top: 5px;
}
#datos-perfil > p{
    clear: both;
}

#datos-perfil >img{
    width: 50%;
    float: left;
    margin: 5px;
}
#actualizacion-perfil{
    width: 100%;
    display: inline-block;
    text-align: center;
    height: auto;
    overflow: hidden;
    vertical-align: top;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
#actualizacion-perfil > textarea{
    float: right;
    margin-top: 55px;
    margin-right: 45px;
}
#actualizacion-perfil > div{
    margin-left: 45px;
    float: left;
}
#actualizacion-perfil > label{
    font-weight: bold;

}
.actualiza-estado{
    display: block;
    float: right;
}
.actualiza-foto{
    display: block;
    float: left;
}
.groups-user{
    width: 230px;
    height: auto;
    border: 3px solid #9F340E;
    margin-left: 31.5px;
    margin-top: 100px;
    float: left;
    text-align: left;
    padding: 5px;
    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 50px;
    border-radius: 3px;
    border-top-right-radius: 50px;
    /*
    background-image: linear-gradient(bottom, rgb(230,133,14) 16%, rgb(255,224,145) 58%, rgb(255,245,196) 79%);
    background-image: -o-linear-gradient(bottom, rgb(230,133,14) 16%, rgb(255,224,145) 58%, rgb(255,245,196) 79%);
    background-image: -moz-linear-gradient(bottom, rgb(230,133,14) 16%, rgb(255,224,145) 58%, rgb(255,245,196) 79%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,133,14) 16%, rgb(255,224,145) 58%, rgb(255,245,196) 79%);
    background-image: -ms-linear-gradient(bottom, rgb(230,133,14) 16%, rgb(255,224,145) 58%, rgb(255,245,196) 79%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.16, rgb(230,133,14)),
        color-stop(0.58, rgb(255,224,145)),
        color-stop(0.79, rgb(255,245,196))
    );*/
    height: 400px;
    text-overflow:ellipsis;
    overflow: hidden;
    background: none repeat scroll 0 0 #F5F5DC;

    /*864

*/
}

.groups-user > h2{
    font-size: 20px;
    color: #D24413;
    margin-bottom: 0;
}
.groups-user > img{
    width: 70%;
    float: left;
}
.groups-user > h4{
    clear: both;
    color: #D24413;
    font-size: 16px;
    margin: 10px 0 0;
}

.groups-user > h5 {
    background-color: #D24413;
    color: white;
    float: left;
    font-size: 12px;
    font-weight: bold;
    left: -5px;
    padding: 3px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.group-btn-eli{
    position: relative;
    right: -160px;
    top: 10px;
    z-index: 8;
}
.content-img{
    height: 161px;
    width: 70%;
    float: left;
}
.p-description{
    min-height: 80px;
}
/*
    /Caja rumor
*/















